<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="index.css" >
    <title>Document</title>
</head>
<body>
	<header>
		<section>
			<form  id="form">
				<label for="title">ToDoList</label>
				<input type="text" id="title" name="title" placeholder="添加ToDo" required="required" autocomplete="off">
			</form>
		</section>
	</header>
	<section>
		<h2>正在进行 <span id="todocount">3</span></h2>
		<ol id="todolist" class="demo-box">
            <li>
                <input type="checkbox" >
                <p>跑步</p>
                <a href="">-</a>
            </li>
            <li>
                <input type="checkbox">
                <p>看书</p>
                <a href="">-</a>
            </li>
            <li>
                <input type="checkbox" >
                <p>打豆豆</p>
                <a href="">-</a>
            </li>
        </ol>
		<h2>已经完成 <span id="donecount">2</span></h2>
		<ul id="donelist">
            <li>
                <input type="checkbox"  checked="checked">
                <p>睡觉</p>
                <a href="">-</a>
            </li>
            <li>
                <input type="checkbox" checked="checked">
                <p>吃饭</p>
                <a href="">-</a>
            </li>
        </ul>
	</section>
	<footer>
		Copyright © 2014 todolist.cn <a href="">clear</a>
	</footer>
</html>
